<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>登录页面</title>
</head>

<body>
  <h1>用户登录</h1>
  用户名：<input name="userName" type="text" id="userName"><br>
  密码：<input name="userPassword" type="password" id="userPassword"><br>
  <input type="button" value="登录" onclick="login()">
  
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
  <script>
    function login() {
      // 新增打印
  const userName = $("#userName").val();
  const userPassword = $("#userPassword").val();
  console.log("用户名：", userName);  // 看控制台是否输出正确值
  console.log("密码：", userPassword);
      $.ajax({
        type:"post",
        url:"/user/login",
        data:{
          "userName":$("#userName").val(),
          "userPassword":$("#userPassword").val()
        },
        success:function(result){
          if(result){
            location.href="/index.html"
          }else{
            alert("账号密码错误");
          }
          }
        

        });
   

    }
    

  </script>
</body>

</html>